html{
	box-sizing:border-box;
}
body{
	margin:8px;
	padding:0px;
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:100vh;
	background:linear-gradient(90deg,#7c1599 0%,#921099 48%,#7e4ae8 100%);
	background-size:cover;
}
.player{
	min-width:750px;
	border:5px solid rgba(0,0,255,0.2);
	box-shadow:inset 0 0 2px rgba(0,0,0,0.2);
	position:relative;
	font-size:0;
	overflow:hidden;
	
}
.player_control{
	display:flex;
	position:absolute;
	flex-wrap:wrap;
	background:rgba(0,0,0,0.2);
	width:100%;
	bottom:0;
	transform:translateY(100%) translateX(-5px);
	transition:all .3s;
	
	
	
}